<template>
    <view class="case_detai_page flex-col">
        <view class="box_3 flex-col justify-end">
            <button class="button_1 flex-col" @click="onClick_1">
                <view class="image-text_1 flex-col justify-between">
                    <div class="icon_2 flex-col"></div>
                    <text class="text-group_1">已收藏</text>
                </view>
            </button>
            <view class="box_4 flex-col">
                <view class="list_1 flex-row">
                    <view class="text-group_2 flex-col justify-between" v-for="(item, index) in loopData0" :key="index">
                        <text class="text_3" v-html="item.lanhutext0"></text>
                        <text class="text_4" v-html="item.lanhutext1"></text>
                    </view>
                </view>
            </view>
        </view>
        <view class="box_5 flex-col">
            <text class="text_5">「华侨城天澜美墅别墅」现代简约</text>
            <view class="group_2 flex-row">
                <view class="icon_3 flex-col">
                    <image class="thumbnail_5" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGd75e0fe1290c6a048f034200521672be.png" />
                </view>
                <text class="text_6">工地地址</text>
                <view class="image-text_2 flex-row justify-between">
                    <view class="text-group_3 flex-row justify-between">
                        <text class="text_7">重庆市金科廊桥水廊桥廊桥</text>
                        <text class="text_8">...</text>
                    </view>
                    <div class="icon_4 flex-col"></div>
                </view>
            </view>
        </view>
        <view class="box_6 flex-col">
            <view class="box_7 flex-row justify-between">
                <view class="text-group_4 flex-col justify-between">
                    <text class="text_9">DESIGNER</text>
                    <text class="text_10">案例设计师团队</text>
                </view>
                <button class="button_2 flex-col" @click="onClick_2">
                    <text class="text_11">相关工地</text>
                </button>
            </view>
            <view class="box_8 flex-row justify-between">
                <image class="image_2" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG9d21bb1ae92d3d52bd40a00aa4b4f282.png" />
                <view class="box_9 flex-col justify-between">
                    <view class="text-group_5 flex-col">
                        <text class="text_12">主案设计师：</text>
                        <text class="text_13">张艺欢</text>
                        <text class="text_14">7年工作经验</text>
                    </view>
                    <text class="paragraph_1">
                        擅长：
                        <br />
                        简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;中式
                    </text>
                </view>
            </view>
            <view class="text-group_6 flex-col">
                <text class="text_15">设计师寄语：</text>
                <text class="paragraph_2">
                    我一直在尝试做减法设计。
                    <br />
                    在建筑空间中寻找自己，我真的很享受设计带来的满足，让我的灵魂得到慰藉。
                </text>
                <text class="text_16">参与设计师：</text>
            </view>
            <view class="box_10 flex-row">
                <view class="list_2 flex-row">
                    <view class="list-items_1 flex-col justify-between" v-for="(item, index) in loopData1" :key="index">
                        <view class="image-text_3 flex-col justify-between">
                            <image class="image_3" referrerpolicy="no-referrer" :src="item.lanhuimage0" />
                            <text class="text-group_7" v-html="item.lanhutext0"></text>
                        </view>
                        <text class="text_17" v-html="item.lanhutext1"></text>
                    </view>
                </view>
                <text class="text-group_7">刘熙薇</text>
                <text class="text-group_8">张家豪</text>
                <text class="text-group_9">刘熙薇</text>
            </view>
            <view class="box_11 flex-row">
                <view class="image-text_4 flex-row justify-between">
                    <image class="label_1" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGb143b44b75b5121a700a92670d5dbfaa.png" />
                    <view class="text-group_10 flex-col justify-between">
                        <text class="text_18">中国造园协会会员</text>
                        <text class="text_19">法国DESIGN奖</text>
                    </view>
                </view>
            </view>
        </view>
        <view class="box_12 flex-col">
            <view class="text-group_11 flex-col justify-between">
                <text class="text_20">Case&nbsp;Details</text>
                <text class="text_21">案例详情</text>
            </view>
        </view>
        <view class="box_13 flex-col">
            <image class="image_4" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGc9d858b26d24c93d5630818294709fee.png" />
            <image class="image_5" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG4e5f741f6552a21816666b15e2f2a224.png" />
            <image class="image_6" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG07d89d1aa86db439f2bea6a87b13831d.png" />
            <image class="image_7" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGc3a0b7e39abef832195f00cafde1f11b.png" />
            <button class="button_3 flex-col" @click="onClick_3">
                <text class="text_22">预约设计师</text>
            </button>
        </view>
    </view>
</template>

<script setup>
import { } from 'vue'
const loopData0 = [
    { lanhutext0: '2138㎡', lanhutext1: '面积' },
    { lanhutext0: '现代简约', lanhutext1: '风格' },
    { lanhutext0: '120万', lanhutext1: '工程造价' },
    { lanhutext0: '300天', lanhutext1: '施工周期' },
]
const loopData1 = [
    {
        lanhuimage0:
            'https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG308ecefa8d8b68aecd3522dbaa84f304.png',
        lanhutext0: '刘熙薇',
        lanhutext1: '5年设计经验',
    },
    {
        lanhuimage0:
            'https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG88132fac3079f2f18a5c7272c0f928f5.png',
        lanhutext0: '张家豪',
        lanhutext1: '5年设计经验',
    },
    {
        lanhuimage0:
            'https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG6d67bef5802c86309e52b3c4a8ad488c.png',
        lanhutext0: '刘熙薇',
        lanhutext1: '5年设计经验',
    },
]

const onClick_1 = () => {

}
const onClick_2 = () => {

}
const onClick_3 = () => {

}
</script>
<style scoped lang="scss">
.case_detai_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 4392rpx;
    overflow: hidden;

    .box_1 {
        width: 750rpx;
        height: 172rpx;

        .block_1 {
            width: 682rpx;
            height: 36rpx;
            margin: 30rpx 0 0 42rpx;

            .text_1 {
                width: 108rpx;
                height: 36rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                letter-spacing: -0.30000001192092896px;
                font-family: AlibabaPuHuiTi-Regular;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 36rpx;
            }

            .thumbnail_1 {
                width: 34rpx;
                height: 22rpx;
                margin: 6rpx 0 0 438rpx;
            }

            .thumbnail_2 {
                width: 32rpx;
                height: 22rpx;
                margin: 6rpx 0 0 10rpx;
            }

            .image_1 {
                width: 50rpx;
                height: 24rpx;
                margin: 6rpx 0 0 10rpx;
            }
        }

        .block_2 {
            width: 750rpx;
            height: 96rpx;
            margin: 16rpx 0 6rpx 0;

            .nav-bar_1 {
                width: 750rpx;
                height: 90rpx;

                .icon_1 {
                    width: 18rpx;
                    height: 34rpx;
                    margin: 34rpx 0 0 36rpx;
                }

                .text_2 {
                    width: 134rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 0.9);
                    font-size: 34rpx;
                    font-family: AlibabaPuHuiTi-Regular;
                    font-weight: normal;
                    text-align: center;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin: 26rpx 0 0 256rpx;
                }

            }

            .box_2 {
                background-color: rgba(0, 0, 0, 0.1);
                width: 750rpx;
                height: 2rpx;
                margin-top: 4rpx;
            }
        }
    }

    .box_3 {
        width: 750rpx;
        height: 870rpx;
        background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGda9ae7e7df83cdac394efac3b5d55631.png) 100% no-repeat;
        background-size: 100% 100%;
        margin-top: -2rpx;

        .button_1 {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 2px;
            height: 88rpx;
            width: 92rpx;
            margin: 36rpx 0 0 628rpx;

            .image-text_1 {
                width: 60rpx;
                height: 76rpx;
                margin: 8rpx 0 0 16rpx;

                .icon_2 {
                    width: 36rpx;
                    height: 34rpx;
                    margin-left: 12rpx;
                }

                .text-group_1 {
                    width: 60rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 20rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    line-height: 40rpx;
                    margin-top: 2rpx;
                }
            }
        }

        .box_4 {
            background-color: rgba(0, 0, 0, 0.6);
            height: 108rpx;
            margin-top: 638rpx;
            width: 750rpx;

            .list_1 {
                width: 630rpx;
                height: 62rpx;
                justify-content: space-between;
                margin: 24rpx 0 0 60rpx;

                .text-group_2 {
                    width: 94rpx;
                    height: 62rpx;
                    margin-right: 80rpx;

                    .text_3 {
                        width: 110rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 1);
                        font-size: 28rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                    }

                    .text_4 {
                        width: 94rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 0.7);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                        margin: 6rpx 0 0 22rpx;
                    }
                }
            }
        }
    }

    .box_5 {
        width: 750rpx;
        height: 280rpx;

        .text_5 {
            width: 530rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(36, 36, 36, 1);
            font-size: 36rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin: 40rpx 0 0 18rpx;
        }

        .group_2 {
            background-color: rgba(249, 249, 249, 1);
            width: 750rpx;
            height: 108rpx;
            margin: 50rpx 0 42rpx 0;

            .icon_3 {
                background-color: rgba(0, 0, 0, 1);
                border-radius: 50%;
                height: 48rpx;
                width: 48rpx;
                margin: 30rpx 0 0 40rpx;

                .thumbnail_5 {
                    width: 36rpx;
                    height: 36rpx;
                    margin: 6rpx 0 0 6rpx;
                }
            }

            .text_6 {
                width: 110rpx;
                height: 24rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 24rpx;
                margin: 42rpx 0 0 6rpx;
            }

            .image-text_2 {
                width: 376rpx;
                height: 34rpx;
                margin: 38rpx 32rpx 0 138rpx;

                .text-group_3 {
                    width: 364rpx;
                    height: 32rpx;

                    .text_7 {
                        width: 330rpx;
                        height: 24rpx;
                        overflow-wrap: break-word;
                        color: rgba(102, 102, 102, 1);
                        font-size: 28rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 24rpx;
                        margin-top: 8rpx;
                    }

                    .text_8 {
                        width: 26rpx;
                        height: 24rpx;
                        overflow-wrap: break-word;
                        color: rgba(102, 102, 102, 1);
                        font-size: 26rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 24rpx;
                    }
                }

                .icon_4 {
                    width: 12rpx;
                    height: 24rpx;
                    margin-top: 10rpx;
                }
            }
        }
    }

    .box_6 {
        position: relative;
        width: 750rpx;
        height: 1372rpx;
        background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGc2b43557a24c6c716146240debc3f063.png) 100% no-repeat;
        background-size: 100% 100%;
        margin-top: -2rpx;

        .box_7 {
            width: 710rpx;
            height: 98rpx;
            margin: 20rpx 0 0 40rpx;

            .text-group_4 {
                width: 336rpx;
                height: 78rpx;
                margin-top: 20rpx;

                .text_9 {
                    width: 336rpx;
                    height: 48rpx;
                    overflow-wrap: break-word;
                    color: rgba(243, 243, 243, 1);
                    font-size: 66rpx;
                    letter-spacing: 4px;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: center;
                    white-space: nowrap;
                    line-height: 48rpx;
                }

                .text_10 {
                    width: 248rpx;
                    height: 48rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 34rpx;
                    letter-spacing: 4px;
                    font-family: Songti SC-黑体;
                    font-weight: normal;
                    text-align: center;
                    white-space: nowrap;
                    line-height: 48rpx;
                    margin-top: -18rpx;
                }
            }

            .button_2 {
                box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
                background-color: rgba(0, 0, 0, 1);
                border-radius: 4px 0px 4px 0px;
                height: 72rpx;
                width: 160rpx;

                .text_11 {
                    width: 118rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 30rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                    margin: 16rpx 0 0 22rpx;
                }
            }
        }

        .box_8 {
            width: 624rpx;
            height: 480rpx;
            margin: 40rpx 0 0 40rpx;

            .image_2 {
                width: 336rpx;
                height: 480rpx;
            }

            .box_9 {
                width: 224rpx;
                height: 248rpx;
                margin-top: 20rpx;

                .text-group_5 {
                    width: 144rpx;
                    height: 128rpx;

                    .text_12 {
                        width: 142rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(151, 151, 151, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                    }

                    .text_13 {
                        width: 144rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 1);
                        font-size: 48rpx;
                        font-family: Songti SC-黑体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin-top: 16rpx;
                    }

                    .text_14 {
                        width: 142rpx;
                        height: 24rpx;
                        overflow-wrap: break-word;
                        color: rgba(97, 52, 27, 1);
                        font-size: 26rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 24rpx;
                        margin-top: 20rpx;
                    }
                }

                .paragraph_1 {
                    width: 224rpx;
                    height: 80rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Songti SC-细体;
                    font-weight: normal;
                    text-align: left;
                    line-height: 40rpx;
                    margin-top: 40rpx;
                }
            }
        }

        .text-group_6 {
            width: 650rpx;
            height: 302rpx;
            margin: 30rpx 0 0 40rpx;

            .text_15 {
                width: 168rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Songti SC-细体;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }

            .paragraph_2 {
                width: 650rpx;
                height: 144rpx;
                overflow-wrap: break-word;
                color: rgba(102, 102, 102, 1);
                font-size: 28rpx;
                font-family: Songti SC-细体;
                font-weight: normal;
                text-align: left;
                line-height: 48rpx;
                margin-top: 10rpx;
            }

            .text_16 {
                width: 166rpx;
                height: 28rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 28rpx;
                margin-top: 80rpx;
            }
        }

        .box_10 {
            width: 670rpx;
            height: 332rpx;
            margin: 30rpx 0 40rpx 40rpx;

            .list_2 {
                width: 670rpx;
                height: 332rpx;
                justify-content: space-between;

                .list-items_1 {
                    width: 210rpx;
                    height: 332rpx;
                    margin-right: 20rpx;

                    .image-text_3 {
                        width: 210rpx;
                        height: 292rpx;

                        .image_3 {
                            width: 210rpx;
                            height: 240rpx;
                        }

                        .text-group_7 {
                            width: 84rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 28rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin: 12rpx 0 0 64rpx;
                        }
                    }

                    .text_17 {
                        width: 132rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin-left: 40rpx;
                    }
                }
            }

            .text-group_7 {
                width: 84rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
                margin: 12rpx 0 0 64rpx;
            }

            .text-group_8 {
                width: 84rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
                margin: 252rpx 0 0 146rpx;
            }

            .text-group_9 {
                width: 84rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
                margin: 252rpx 62rpx 0 146rpx;
            }
        }

        .box_11 {
            background-color: rgba(245, 245, 245, 1);
            position: absolute;
            left: 330rpx;
            top: 466rpx;
            width: 380rpx;
            height: 144rpx;

            .image-text_4 {
                width: 294rpx;
                height: 76rpx;
                margin: 34rpx 0 0 24rpx;

                .label_1 {
                    width: 62rpx;
                    height: 62rpx;
                    margin-top: 8rpx;
                }

                .text-group_10 {
                    width: 208rpx;
                    height: 76rpx;

                    .text_18 {
                        width: 208rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 1);
                        font-size: 26rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                    }

                    .text_19 {
                        width: 178rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 1);
                        font-size: 26rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                        margin-top: 20rpx;
                    }
                }
            }
        }
    }

    .box_12 {
        width: 750rpx;
        height: 140rpx;

        .text-group_11 {
            width: 468rpx;
            height: 78rpx;
            margin: 40rpx 0 0 40rpx;

            .text_20 {
                width: 468rpx;
                height: 48rpx;
                overflow-wrap: break-word;
                color: rgba(243, 243, 243, 1);
                font-size: 66rpx;
                letter-spacing: 4px;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 48rpx;
            }

            .text_21 {
                width: 142rpx;
                height: 48rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 34rpx;
                letter-spacing: 4px;
                font-family: Songti SC-黑体;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 48rpx;
                margin-top: -18rpx;
            }
        }
    }

    .box_13 {
        background-color: rgba(245, 245, 245, 1);
        position: relative;
        width: 750rpx;
        height: 1564rpx;
        margin-top: -2rpx;

        .image_4 {
            width: 690rpx;
            height: 460rpx;
            margin: 40rpx 0 0 30rpx;
        }

        .image_5 {
            width: 690rpx;
            height: 460rpx;
            margin: 30rpx 0 0 30rpx;
        }

        .image_6 {
            width: 690rpx;
            height: 460rpx;
            margin: 30rpx 0 84rpx 30rpx;
        }

        .image_7 {
            position: absolute;
            left: 32rpx;
            top: 1734rpx;
            width: 690rpx;
            height: 460rpx;
        }

        .button_3 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.4);
            background-color: rgba(0, 0, 0, 1);
            height: 88rpx;
            width: 690rpx;
            position: absolute;
            left: 30rpx;
            top: 1436rpx;

            .text_22 {
                width: 166rpx;
                height: 30rpx;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32rpx;
                letter-spacing: 7px;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 30rpx;
                margin: 30rpx 0 0 262rpx;
            }
        }
    }
}
</style>